<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 路♥克
  Date: 2017/12/5
  Time: 15:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <base href="${pageContext.request.contextPath}/web/"/>
    <meta charset="UTF-8">
    <title>Document</title>
    <jsp:include page="elments_views/js.jsp"/>
    <link rel="stylesheet" type="text/css" href="frame/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="frame/bootstrap/css/button.css">
    <!-- 	<link rel="stylesheet" type="text/css" href="frame/bootstrap/css/bootstrap-theme.min.css"> -->
    <link rel="stylesheet" type="text/css" href="frame/css/layout.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script type="text/javascript" src="frame/myfocus/js/myfocus-2.0.1.min.js"></script>

</head>
<body>
<jsp:include page="elments_views/header.jsp"/>

<script>

    $(function () {
        $("#yxynav li").removeClass("active");
        $("#yxynav li:nth-child(1)").addClass("active");
    });
</script>
<div class="wrap banner">
    <div class="container">
        <div class="row">
            <div class="col-md-9 pd-0" >


                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    </ol>

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox" style="height: 400px;" >
                    <c:forEach var="appBanner" items="${appBannerList}" varStatus="status">
                            <div class="${status.count==1?"active":""} item">
                                <a href="javascript:void(0);"><img src="${appBanner.imgAddress}" alt="..." width="100%"></a>
                            </div>
                    </c:forEach>
                    </div>
                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>



            </div>
            <div class="col-md-3 pd-0">
                <div class="panel" style="height: 400px">
                    <div class="panel-heading">
                        <h4>新闻中心 <a href="/Web/WebGoodsInfo/newsQueryinfo/5/1" class="news-more fr">更多>></a></h4>
                    </div>
                    <ul class="list-group">
                        <c:forEach items="${appNewsList}" var="news">
                            <li class="list-group-item" onclick="window.location.href='/Web/WebGoodsInfo/getnewsInfo_detail/${news.id}'">
                                <p class="news-name">
                                        ${news.title}</p>
                                <p class="news-info textline-2">${news.info}</p>
                            </li>
                        </c:forEach>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container mt-25">
    <div class="row">
        <div class="col-md-9 pd-0">
            <div class="row">
                <div class="col-md-12" >
                    <div style="border-bottom:  2px solid #ff8310;">
                        <h3>优质推荐 <a href="/web/productList.jsp" class="pro-more">浏览更多</a></h3>
                    </div>

                </div>
            </div>
            <div class="row mt-20">

                <c:forEach var="g" items="${nominateList}">
                    <div class="col-sm-6 col-md-4 goods">
                        <div class="thumbnail">
                            <input type="hidden" value="${g.id}">
                            <img style="overflow: hidden;height: 130px" src="${g.previewImgAddress}" alt="...">
                            <div class="caption">
                                <p class="goods-title">${g.goodsName}</p>
                                <p class="news-info textline-2">${g.goodsDescribe}</p>
                                <p ><span class="news-info">市场价:<s>${g.oldPrice}万元</s></span></p>
                                <p><span >现价:<span class="now-price">${g.nowPrice}万元</span></span></p>
                                <p class="text-center"><a href="javascript:;" style="width: 100%" class="button  button-highlight button" role="button">查看详情</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </c:forEach>

            </div>
            <div class="row">
                <div class="col-md-12" >
                    <div style="border-bottom:  2px solid #ff8310;">
                        <h3>价格优惠<a href="/web/productList.jsp" class="pro-more">浏览更多</a></h3>
                    </div>

                </div>
            </div>
            <div class="row mt-20">
                <c:forEach var="g" items="${queryInfoPrice}">
                    <div class="col-sm-6 col-md-4 goods">
                        <div class="thumbnail">
                            <input type="hidden" value="${g.id}">
                            <img style="overflow: hidden;height: 130px" src="${g.previewImgAddress}" alt="...">
                            <div class="caption">
                                <p class="goods-title">${g.goodsName}</p>
                                <p class="news-info textline-2">${g.goodsDescribe}</p>
                                <p ><span class="news-info">市场价:<s>${g.oldPrice}万元</s></span></p>
                                <p><span >现价:<span class="now-price">${g.nowPrice}万元</span></span></p>
                                <p class="text-center"><a href="#" style="width: 100%" class="button  button-highlight button" role="button">查看详情</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </c:forEach>


            </div>
        </div>
        <!-- 右边模块 -->
        <div class="col-md-3">
            <div class="row">
                <div class="col-md-12" >
                    <div style="border-bottom:  2px solid #ff8310;">
                        <h3>特卖商品</h3>
                    </div>
                </div>
            </div>
            <div class="row mt-20">
                <c:forEach var="g" items="${specialList}">
                    <div class="col-sm-12 col-md-12 goods">
                        <div class="thumbnail"  style="height: 270px">
                            <input type="hidden" value="${g.id}">
                            <img src="${g.previewImgAddress}" alt="...">
                            <div class="caption">
                                <p class="goods-title">${g.goodsDescribe}</p>
                                <p ><span style="color: #cfcfcf">市场价:<s>${g.oldPrice}万元</s></span></p>
                                <p><span>现价<span class="now-price">${g.nowPrice}万元</span></span></p>
                            </div>
                        </div>
                    </div>
                </c:forEach>
            </div>
        </div>
    </div>
</div>
</div>
</div>
</div>
</div>
</div>
<jsp:include page="elments_views/footer.jsp"/>
</body>
</html>
